﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Second.aspx.cs" Inherits="MobileExamples.Second" %>

<!DOCTYPE html>

<html class="ui-mobile" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="Images/jquery.mobile-1.4.2.min.css" />
    <title></title>
</head>
<body class="ui-mobile-viewport ui-overlay-a">
    <form id="form1" runat="server">
        <jqm:MobilePage ID="MobilePage1" runat="server">
            <jqm:Header ID="Header1" runat="server">
                <Heading Text="标题" />
                <LeftButton Position="Left" Text="左按钮" />
                <RightButton Position="Right" Text="右按钮" />
            </jqm:Header>
            <div class="ui-navbar" id="MobilePage1_NavBar1" role="navigation" data-role="navbar">
                <ul class="ui-grid-a">
                    <li class="ui-block-a"><a class="ui-link ui-btn ui-shadow ui-corner-all" role="button" data-role="button" data-transition="none" data-ajax="false">链接</a></li>
                    <li class="ui-block-b"><a class="ui-link ui-btn ui-shadow ui-corner-all" role="button" data-role="button" data-transition="none" data-ajax="false">链接</a></li>
                </ul>
            </div>
            <jqm:MobilePageContent ID="MobilePageContent1" runat="server">
                <div class="ui-field-contain" style="font-weight: normal; clip: rect(auto, auto, auto, auto); margin-top: 0px;">
                    <span style="float: left; width: 20%" for="MyInput">文本框：</span>
                    <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear" style="float: left; width: 78%">
                        <input type="text" placeholder="www" value="2014-05-18" data-clear-btn="true" id="MyInput">
                        &nbsp;&nbsp;
                    </div>
                </div>
                <div class="ui-field-contain" style="display: block">
                    <label style="float: left; width: 20%; display: table-column; line-height: 22px; vertical-align: middle;">文本框1：</label>
                    <input style="float: right; width: 78%; display: table-column; vertical-align: middle; line-height: 22px; height: 22px;" type="text" placeholder="www" value="2014-05-18" data-clear-btn="true" />

                </div>
            </jqm:MobilePageContent>
        </jqm:MobilePage>
    </form>
</body>
</html>
